/* Default CSS for welcome page.  Delete this styling and replace it with your own. */

.sc-welcome {
	position: absolute ;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: white ;
}

.sc-welcome img.logo {
	position: absolute ;
	bottom: 80px;
	left: 50%;
	margin-left: -20px;	
}

/* @group Message */



.sc-welcome .message {
	max-width: 800px;
	margin-left: auto ;
	margin-right: auto;
	margin-top: 100px;
	position: relative;
}

.sc-welcome h1 {
	border: none ;
	padding: 0;
	margin: 0;
	letter-spacing: -3px;
	font: normal 6.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.sc-welcome h3 {
	margin: 8px 12px;
	padding: 0;
	font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
}

/* @end */

/* @group Sticky Note */

.sc-welcome .sticky-note {
	position: absolute ;
	right: 0;
	top: -70px;
	width: 320px;
	height: 300px;
	padding: 60px;
	padding-right: 20px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sticky-note.png') no-repeat center center;
	font: 1.3em "Comic Sans MS", "Comic Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #5f4700;
}

.sc-welcome .sticky-note p {
	font-weight: bold ;
}

.sc-welcome .sticky-note ul {
	padding: 0 10px ;
}

.sc-welcome .sticky-note li {
	margin: 8px 0 ;
}

/* @end */

/* @group For Tutorial */

body {
	position: absolute ;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	overflow: hidden ;
}

.workspace .sidebar {
	position: absolute;
	left:  0;
	top:  0;
	width: 200px;
	bottom: 0;
}

.workspace .sidebar .master_list {
	position: absolute;
	left:  0;
	top:  0;
	right: 0;
	bottom: 0;
}

.workspace .sc-split-divider-view {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
}

.workspace .detail_view {
	position: absolute;	
	left: 205px;
	right: 0;
	top: 0;
	bottom: 0;
	border: none ;
	background-color: #aaa;
}

.workspace .detail_view .card-detail {
  margin-left: auto;
  margin-right: auto;
  top: 100px;
  position: relative;
  border: 4px #888 solid;
  background: #f0f0f0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.workspace .detail_view .card-detail td {
  padding: 0 10px;
}

.workspace .detail_view .card-detail .buttons {
  text-align: right;
  padding-top: 10px;
}

.workspace .detail_view .card-detail input {
  font-size: 14px;
  width: 300px;
}

/* @end */


